.task-pannel {
  display: flex;
  margin-top: 30px;
  border-radius: 5px;
  padding: 16px;
  box-shadow: 0 0 10px #CCCCCC;
  .task-progress {
    flex: 1;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #CCCCCC;
    .fc();
    .welcome {
      font-size: 18px;
      font-weight: bold;
    }
    .task-progress-title {
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0;
    }
    .task-progress-content {

    }
  }
  .task-number {
    flex: 3;
    .fc();
    .date-row {
      .date {
        font-size: 16px;
        color: @app-75878A-pale;
      }
      .date-desc {
        margin-left: 20px;
        font-size: 18px;
      }
    }
    .task-row {
      display: flex;
      margin-top: 20px;
      justify-content: space-around;
      align-items: center;
      .my-task, .my-bug, .my-story {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        .task-desc {
          font-size: 16px;
        }
        .total-number {
          color: @app-primary-blue-color;
          margin-top: 10px;
          font-size: 24px;
          font-weight: bold;
          &.zero {
            color: @app-21A675-green;
          }
        }
      }
    }
  }
}